#nav_logo{
    box-shadow:0px 1px 2px #888888;
    height: 90px;
}

#nav_direct ul{
    /*background-color: yellow;*/
    width: 400px;
    margin: 0 auto;
    position: relative;
    top:20px;
}
#nav_direct li{
    /*background-color: #b3d4fc;*/
    display: inline-block;
    margin: 0 auto;
}
/*.logo1{*/
    /*display: block;*/
    /*width: 100%;*/
/*}*/
#nav_drop_down{
    display: none;
    position: absolute;
    top: 20px;
    left: 90%;
}
#nav_drop_down_login{
    display: none;
    position: absolute;
    top: 10px;
    right: -20%;
}
#nav_drop_down_login li{
    display:block;
}
@media only screen and (max-width: 950px) {
    #nav_direct{
        display: none;
    }
    #nav_drop_down{
        display: block;
        position: relative;
        left: 90%;
    }
}
@media only screen and (max-width: 950px) {
    #nav_direct{
        display: none;
    }
    #nav_drop_down{
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    #nav_direct{
        display: none;
    }
    #nav_drop_down{
        display: none;
    }
    #log_reg{
        display: none;
    }
    #nav_drop_down_login{
        display: block;

    }
}


/*这里呢？就是登录注册的CSS了*/
.log_reg{
    position: absolute;
    top: -10px;
    right:10px;
}



.input_1{
    width: 70%;
    height: 50px;
    margin: auto;

}

/*分类排行搜索栏*/
.class_list{
    /*background-color: yellow;*/
}
.class_list a{
    /*background-color: #00b3ee;*/
    margin: 10px 20px;
    color: black;
}
.class_list a:hover{
    color: #00b3ee;
}




/*模板框的css*/
.div1 {
    margin: 5% 0;
    /*background-color: #00b3ee;*/
}

.div2{
    background-color: RGB(244,242,242);
    width: 220px;
    position:relative;
    margin: auto;
}

.div3{
    background: white;
    width: 220px;
    text-align: center;
    position:relative;
    margin: auto;
}
.div2_img1{
    width: 220px;
    /*position:relative;*/
    /*margin: auto;*/
}

.div2_ul_1{
    width: 200px;
    /*background-color: greenyellow;*/
    margin-left: 10px;
    position: absolute;
    top: 20%;
}
.ul_1{
    display: none;
}
.div2:hover{
    background-color: #888888;
    /*opacity: 0.5;*/
}
.div2_ul_1 li{
    /*background-color: RGB(252,33,48);*/
    width: 100px;
    margin: 10% 0;
    display: block;
    text-align: center;
    position: relative;
    left: 5%;
}
.li_1 a{
    background-color: RGB(252,33,48);
    display: block;
    padding: 10px;
    color: white;
    border-radius: 7px;
}

.li_2 a{
    background-color: white;
    display: block;
    padding: 10px;
    color: black;
    border-radius: 7px;
}
.u2_1 li{
    display: inline-block;
    color: #888888;
    padding-bottom:10px ;
}
.div3 p{
    /*background-color: yellow;*/
    text-align: center;
    padding-top: 16px ;
}

.li2_1{
    position: relative;
    right: 30%;
}
.li2_2{
    position: relative;
    left: 10%;
}

.my_bottom{
    background-color: RGB(27,27,27);
    height: 300px;
    color: whitesmoke;
}

.my_bottom_top{
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: x-large;
    border-bottom: 1px solid;
}
.my_bottom_middle{
    margin: 20px;
}
.my_bottom_middle li{
    display: block;
}

